// handle autoScroll
window.jCarousel_slide = function() {
  $('#rightScroll img').click();
}

window.jCarousel_intervalId = null;

$(document).ready(function() {
	$('#carouselUl li:first').before($('#carouselUl li:last'));

	$('#rightScroll img').click(function() {
		var item_width = $('#carouselUl li').outerWidth() + 5;
		var left_indent = parseInt($('#carouselUl').css('left')) - item_width;
		$('#carouselUl:not(:animated)').animate({'left' : left_indent},1000,function() {
			$('#carouselUl li:last').after($('#carouselUl li:first'));
			$('#carouselUl').css({'left' : '-107px'});
		});
	});

	$('#leftScroll img').click(function(){
		var item_width = $('#carouselUl li').outerWidth() +5;
		var left_indent = parseInt($('#carouselUl').css('left')) + item_width;
		$('#carouselUl:not(:animated)').animate({'left' : left_indent},1000,function() {
			$('#carouselUl li:first').before($('#carouselUl li:last'));
			$('#carouselUl').css({'left' : '-107px'});
		});

	});
	
//	window.jCarousel_intervalId = window.setInterval(window.jCarousel_slide, 4000);

	//On user click deactivate auto-scrolling
	$('#rightScroll img, #leftScroll img').click(
		function(event){
			if(event.originalEvent){
				window.clearInterval(window.jCarousel_intervalId);
			}
		}
	);
});
